<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"/>
	<link rel="stylesheet" href="css/estilos.css" type="text/css" media="screen"/>

        <!-- favicon de la página -->
        <link href="img/favicon.ico" rel="shortcut icon" />

	<title>MASTERINFTEL</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        
        <!-- script para boton+1 de google -->
        <script type="text/javascript" src="https://apis.google.com/js/plusone.js">{lang: 'es'}</script>
        
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript" src="js/slider_index.js"></script>       
        <script type="text/javascript" src="http://widgets.twimg.com/j/2/widget.js"></script>
        <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
        
        <!-- scripts util para pintar botones -->
        <script type="text/javascript" src="js/utils.js"></script>
</head>



    <body>

        <!-- CABECERA: Logotipos y título de la web -->
        <div id="cabecera">
            <div class="contenedor960">

                <!-- logos -->
                <a class="logo fl" href="index.html" title="Máster Universitario de Informática aplicado a las Telecomunicaciones Móviles">
                    <img src="img/logos.png" alt="Máster INFTEL" />
                </a>

                <img class="fl" src="img/adorno_Cabecera.png" alt="adorno" />

                <!-- Textos descriptivos -->
                <h1 class="fr">Conceptos y Recursos Básicos de Internet</h1>
                <h2 class="fr">HTML, CSS, JavaScript, JQuery, Ajax,...</h2>


            </div> <!-- fin contenedor960 -->
        </div> <!-- fin cabecera -->






        <!-- MENU: Inicio - Grupo - Planificación - Recursos -->
        <div id="menu">
            <div class="contenedor960">
                <ul>
                    <li><a href="index.html" title="Inicio">Inicio <span>presentación</span> </a></li>
                    <li><a href="grupo.html" title="Grupo">Grupo <span>¿quienes somos?</span></a></li>
                    <li><a href="plan.html" title="Planificación">Planificación <span>calendario de trabajo</span></a></li>
                    <li><a href="recursos.html" title="Recursos">Recursos <span>recursos, enlaces, etc...</span></a></li>
                </ul>

            </div> <!-- fin contenedor960 -->
        </div> <!-- fin menu -->







        <!-- SLIDER: Zona de escaparate para la visualización de imágenes a través de un control deslizante -->
        <div id="slider">
            <div class="contenedor960">                                 
                <div id="pageContainer">                    
                    <!-- Slideshow HTML -->
                    <div id="slideshow">
                        <div id="slidesContainer">
                            <div class="slide">
                                <h2>W3C Valid</h2>
                                <p>
                                    <img src="img/img_slide_01.png" alt="Imagen1" width="215" height="145" />
                                    Este validador comprueba la validez de marcado de documentos Web en HTML, XHTML, SMIL, MathML, etc.
                                </p>
                            </div>
                            <div class="slide">
                                <h2>JavaScript</h2>
                                <p>
                                    <img src="img/img_slide_02.png" width="215" height="145" alt="Imagen2" />
                                    JavaScript es un lenguaje de programación interpretado, dialecto del estándar ECMAScript
                                </p>
                            </div>
                            <div class="slide">
                                <h2>jQuery, Ajax y JSON</h2>
                                <p>
                                    <img src="img/img_slide_03.png" width="215" height="145" alt="A thumbnail image that says grunge extreme 15 free high resolution grunge textures six revisions." />
                                    jQuery es una biblioteca de JavaScript rápida y concisa que simplifica manejo de eventos, animación, y las interacciones Ajax para el desarrollo rápido de la web.
                                </p>
                                <p>
                                    JSON, acrónimo de JavaScript Object Notation, es un formato ligero para el intercambio de datos. JSON es un subconjunto de la notación literal de objetos de JavaScript que no requiere el uso de XML.
                                </p>
                            </div>
                            <div class="slide">
                                <h2>INFTEL</h2>
                                <p>
                                    <img src="img/img_slide_04.png" width="215" height="145" alt="Thumbnail image that says sleek button using photoshop that links to a Photoshop tutoril." />
                                    "MÁSTER UNIVERSITARIO EN INFORMÁTICA APLICADA A LAS TELECOMUNICACIONES MÓVILES"
                                </p>                                
                            </div>
                        </div>
                    </div>
                </div>
                <!--  -->
            </div> <!-- fin contenedor960 -->
        </div> <!-- fin slider -->








        <!-- ZONA 3 COLUMNAS: Descripción estática de las distintas partes de la web -->
        <div class="contenedor960">
            <div id="contenedor3Columnas">



                <!-- Columna IZQUIERDA -->
                <div class="columnaIndividual_3col">
                    <img src="img/adorno_Azul.png" alt="Adorno Azul - HTML" class="fl" />
                    <h3>¿Quienes Somos?</h3>

                    <p>
                        Conozca al equipo de desarrollo involucrado en
                        la ejecución del presente proyecto web.
                    </p>
                    <br />
                    <p>
                        En los próximos módulos desarrollaremos proyectos
                        en Java y aplicaciones móviles iPhone y Android.
                    </p>

                    <ul>
                        <li><a href="grupo.html">seguir leyendo...</a></li>
                    </ul>

                </div> <!-- fin columnaIndividual_3col --> 


                <!-- Columna CENTRAL -->
                <div class="columnaIndividual_3col">
                    <img src="img/adorno_Rosado.png" alt="Adorno Rosado - CSS" class="fl" />
                    <h3>Planificación</h3>

                    <p>
                        Consulte nuestro calendario de trabajo y las distintas
                        sesiones llevadas a cabo durante la ejecución del proyecto.
                        	
                        Síguenos en twitter o facebook y mantente
                        informado de las últimas novedades.
                    </p>

                    <ul>
                        <li><a href="plan.html">seguir leyendo...</a></li>
                    </ul>

                </div> <!-- fin columnaIndividual_3col -->


                <!-- Columna DERECHA -->
                <div class="columnaIndividual_3col">
                    <img src="img/adorno_Verde.png" alt="Adorno Verde - JavaScript" class="fl" />
                    <h3>Recursos</h3>

                    <p>En este apartado podrá encontrar diferentes recursos de 
                        gran utilidad vistos a lo largo del presente módulo dentro
                        del Máster INFTEL, así como un esquema de las diferentes
                        materias impartido en el mismo.
                    </p>	


                    <ul>
                        <li><a href="recursos.html">seguir leyendo...</a></li>
                    </ul>


                </div> <!-- fin columnaIndividual_3col -->			



            </div>  <!-- fin contenedor3Columnas -->
        </div> <!-- fin contenedor960 -->







        <!-- ZONA 2 COLUMNAS: Contenido General de la página -->
        <div class="contenedor960">
            <div id="contenedor2Columnas">

                <!-- Columna IZQUIERDA: VIDEOS -->
                <div id="columna_izq" class="fl">
                    <h3>Videos de Ediciones Anteriores</h3>

                    <p>
                        Vea las presentaciones realizadas en el Máter Universitario de Informática Aplicada 
                        a las Telecomunicaciones Móviles en ediciones anteriores.
                    </p>

                    <p>
                        En los próximos módulos abordaremos trabajos de programación en Java y Java EE, así
                        como las metodologías de programación en los distintos dispositivos móviles existentes
                        en el mercado actual (iPhone y Android). 
                    </p>

                    <!-- Video youtube -->
                    <iframe width="480" height="274" src="http://www.youtube.com/embed/ZYNyJdT-Uu0" frameborder="0"></iframe>


                    <h4>Patrocinado por: <a href="http://fundacion.vodafone.es/fundacion/es">Fundación Vodafone España</a></h4>


                    <div id="btn_google_1"></div>
<!--                        <g:plusone size="medium" href="http://masterinftel.uma.es/"></g:plusone>-->

                </div> <!-- fin columna_izq -->



                <!-- Columna DERECHA: TWITTERS -->
                <div id="columna_dcha" class="fr">
                    <h3>Últimas Publicaciones en Twitter</h3>
                    <!--

                    <ul>
                        <li>
                            <span>Fecha 28/10/2011 - 18:20h by @agumpg</span>
                            <p>
                                Phasellus euismod luctus augue at pellentesque. Curabitur rutrum 
                                vehicula est at dignissim. Curabitur quam eros, dapibus eu aliquam 
                                sed, feugiat in lorem.
                            </p>
                        </li>
                        <li>
                            <span>Fecha 28/10/2011 - 18:30h by @agumpg</span>
                            <p>
                                Phasellus euismod luctus augue at pellentesque. Curabitur rutrum 
                                vehicula est at dignissim. Curabitur quam eros, dapibus eu aliquam 
                                sed, feugiat in lorem.
                            </p>
                        </li>
                        <li>
                            <span>Fecha 28/10/2011 - 19:22h by @agumpg</span>
                            <p>
                                Phasellus euismod luctus augue at pellentesque. Curabitur rutrum 
                                vehicula est at dignissim. Curabitur quam eros, dapibus eu aliquam 
                                sed, feugiat in lorem.
                            </p>
                        </li>
                    </ul>
                    -->
                    <p>                        
                        <script type="text/javascript">
                            new TWTR.Widget({
                                version: 2,
                                type: 'search',
                                search: '#inftel',
                                interval: 1000,
                                title: '#INFTEL',
                                subject: '',
                                width: 350,
                                height: 350,
                                theme: {
                                    shell: {
                                        background: '#8ec1da',
                                        color: '#ffffff'
                                    },
                                    tweets: {
                                        background: '#ffffff',
                                        color: '#444444',
                                        links: '#1985b5'
                                    }
                                },
                                features: {
                                    scrollbar: true,
                                    loop: true,
                                    live: true,
                                    hashtags:true,
                                    timestamp:true,
                                    avatars:true,
                                    behavior: 'all'
                                }
                            }).render().start();
                        </script>
                    </p>
                </div> <!-- fin columna_dcha -->



            </div> <!-- fin contenedor2Columnas -->
        </div> <!-- fin contenedor960 -->	









        <!-- PIE: Mapa web, patrocinador, ... -->
        <div id="pie">
            <div class="contenedor960">

                <div id="pie_col_Izquierda" class="fl">
                    <h3>Información de Contacto</h3>

                    <p>
                        Para más información sobre las distintas prácticas realizadas por este grupo
                        de trabajo, envíenos un email a <a href="mailto:masterinftel@yahoo.es?Subject=WEB%20MASTERINFTEL">masterinftel@yahoo.es</a>
                        y en breve nos pondremos en contacto con usted.
                    </p>

                    <div id="btn_twitter"></div>
                    
                </div> <!-- fin pie_col_Izquierda -->



                <div id="pie_col_Centro" class="fl">
                    <h3>Mapa web</h3>
                    <ul>
                        <li><a href="index.html">Inicio</a></li>
                        <li><a href="grupo.html">Grupo</a></li>
                        <li><a href="plan.html">Planificación</a></li>
                        <li><a href="recursos.html">Recursos</a></li>
                    </ul>
                </div> <!-- fin pie_col_Centro -->




                <div id="pie_col_Derecha" class="fl">

                    <h3>Validaciones</h3>


                    <!-- logos W3C validator -->
                    <p>
                        <a href="http://validator.w3.org/check?uri=referer">
                            <img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" />
                        </a>
                    </p>


                    <p>
                        <a href="http://jigsaw.w3.org/css-validator/check/referer">
                            <img style="border:0;width:88px;height:31px"
                                src="http://jigsaw.w3.org/css-validator/images/vcss"
                                alt="¡CSS Válido!" />
                        </a>
                    </p>



                </div> <!-- fin pie_col_Derecha -->


            </div> <!-- fin contenedor960 -->
        </div> <!-- fin pie -->





        <!-- PIE: Copyright -->
        <div id="copyright">
            <div class="contenedor960">

                <p>&copy; Copyright 2011 MASTER INFTEL. Todos los derechos reservados</p>


            </div> <!-- fin contenedor960 -->
        </div> <!-- fin copyright -->

    </body>
</html>	